
<!--**********************************************informations*******************************************************-->
<div class="row-fluid">

				<div class= "span12">
					<div class = "plogin">
					<p style="font-family:Arial;font-weight:bold;">Bonjour romain, bienvenue sur la page d'administration.</p>
					<p style="font-family:Arial;">Cette page permet d'uploader une video ainsi que les sous titres associés.</p>
					</br>
					<!--
					<p style="font-family:Arial; font-weight:bold;"><a href='Deconnexion.php'>Se déconnecter</a><p>
					 --></div>
				</div>
	
		</div>
<!--**********************************************formulaire d'envoi de fichiers*******************************************************-->	
		
		<!-- Cet upload de fichiers est la cible du widget -->
			<form id="fileupload"  method="POST" enctype="multipart/form-data">
						<h2>Chargement de la vidéo </h2>
						</br>
						
				<div class="row-fluid fileupload-buttonbar ">
					<div class="span2">
					
						<span class="btn btn-info fileinput-button">
							<i class="icon-plus icon-white"></i>
							<span id="texte">Ajouter une video</span>
							<input type="file" name="files[]" multiple>
						</span>
				
					</div>

  
				</div>
				<!-- l'indicateur de chargement est montré pendant l'upload -->
				<div class="fileupload-loading"></div>
					</br>
        <!-- la table qui liste les fichier disponibles pour le téléchargement-->
				<table role="presentation" id="containervideo" class="table table-striped "><tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody></table>
			</form>
			
			<form id="fileupload2"  method="POST" enctype="multipart/form-data">
						<h2>Chargement du sous titre </h2>
						</br>
						
				<div class="row-fluid fileupload-buttonbar ">
					<div class="span2">
					
						<span class="btn btn-info fileinput-button">
							<i class="icon-plus icon-white"></i>
							<span id="texte">Ajouter un srt</span>
							<input type="file" name="files[]" multiple>
						</span>
				
					</div>

  
				</div>
				<!-- l'indicateur de chargement est montré pendant l'upload -->
				<div class="fileupload-loading"></div>
					</br>
        <!-- la table qui liste les fichier disponibles pour le téléchargement-->
				<table role="presentation" id="containersrt" class="table table-striped "><tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody></table>
			</form>
		<!--	
			<form id="fileupload3" action="./framework/jqueryfileupload/server/php/index.php" method="POST" enctype="multipart/form-data">
						<h2>Chargement de la vignette </h2>
						</br>
						
				<div class="row-fluid fileupload-buttonbar ">
					<div class="span2">
					
						<span class="btn btn-info fileinput-button">
							<i class="icon-plus icon-white"></i>
							<span id="texte">Ajouter vignette</span>
							<input type="file" name="files[]" multiple>
						</span>
				
					</div>

  
				</div>
				
				-->
				<!-- l'indicateur de chargement est montré pendant l'upload -->
		<!--		<div class="fileupload-loading"></div>
					</br>
					-->
        <!-- la table qui liste les fichier disponibles pour le téléchargement-->
		<!--		<table role="presentation" id="containervignette" class="table table-striped "><tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody></table>
			</form>
		-->

  <!--********************************formulaire d'envoi d'informations sur la video****************************************-->	
	
			
  <div id="AttentionSrt" class="modal hide fade">

<!-- dialog contents -->

<div class="modal-body"><h1>Attention</h1>
<p>Vous êtes sur le point de supprimer un fichier srt</p>
<p>l'ensemble des exercices associés seront supprimés</p>
</div>
<!-- dialog buttons -->

<div class="modal-footer"><a id="btnoksrt "href="#" class="btn primary">OK</a><a id="btncancelsrt href="#" class="btn btn-cancel">Annuler</a></div>

</div>
		
		
		
		


<!-- The template to display files available for upload -->
<script id="template-upload" type="text/x-tmpl">
{% for (var i=0, file; file=o.files[i]; i++) { %}
    <tr class="template-upload fade">
        <td class="preview"><span class="fade"></span></td>
        <td class="name"><span>{%=file.name%}</span></td>
		
        <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
        {% if (file.error) { %}
            <td class="error" colspan="2"><span class="label label-important">Error</span> {%=file.error%}</td>
        {% } else if (o.files.valid && !i) { %}
            <td>
                <div class="progress progress-success progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><div class="bar" style="width:0%;"></div></div>
            </td>
           
        {% } else { %}
            <td colspan="2"></td>
        {% } %}
        <td  class="cancel">{% if (!i) { %}
            <button class="btn btn-warning">
                <i class="icon-ban-circle icon-white"></i>
                <span>Annuler</span>
            </button>
        {% } %}</td>
    </tr>
{% } %}
</script>

<!-- template affichant les fichiers disponibles pour le téléchargement -->
<script id="template-download" type="text/x-tmpl">
<!-- démarrage d'une boucle for sur les fichier contenu dans files[] -->
{% for (var i=0, file; file=o.files[i]; i++) { %}
	<!-- application de la classe sur le tr -->
    <tr class="template-download fade">
			<!-- si il y'a a des erreur alors on les affiches -->
        {% if (file.error) { %}
			<!-- affichage des erreurs en html -->
            <td></td>

            <td class="name"><span>{%=file.name%}</span></td>
            <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
            <td class="error" colspan="2"><span class="label label-important">Error</span> {%=file.error%}</td>
			<!-- sinon on charge le preview -->
        {% } else { %}
            <td class="preview">{% if (file.thumbnail_url) { %}
                <a href="{%=file.url%}" title="{%=file.name%}" rel="gallery" download="{%=file.name%}"><img src="{%=file.thumbnail_url%}"></a>
            {% } %}</td>
            <td class="name">
                <a href="{%=file.url%}" title="{%=file.name%}" rel="{%=file.thumbnail_url&&'gallery'%}" download="{%=file.name%}">{%=file.name%}</a>
            </td>
            <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
            <td colspan="2"></td>
        {% } %}
		<!-- sinon on charge forcément le delete -->
        <td class="delete">
            <button class="btn btn-danger" data-type="{%=file.delete_type%}" data-url="{%=file.delete_url%}"{% if (file.delete_with_credentials) { %} data-xhr-fields='{"withCredentials":true}'{% } %}>
                <i class="icon-trash icon-white"></i>
                <span>Effacer le fichier</span>
            </button>
          
        </td>
    </tr>
{% } %}
	
</script>

<!-- The template to display files available for upload -->
<script id="template-upload2" type="text/x-tmpl">
{% for (var i=0, file; file=o.files[i]; i++) { %}
    <tr class="template-upload fade">
        <td class="preview"><span class="fade"></span></td>
        <td class="name"><span>{%=file.name%}</span></td>
		
        <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
        {% if (file.error) { %}
            <td class="error" colspan="2"><span class="label label-important">Error</span> {%=file.error%}</td>
        {% } else if (o.files.valid && !i) { %}
            <td>
                <div class="progress progress-success progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><div class="bar" style="width:0%;"></div></div>
            </td>
           
        {% } else { %}
            <td colspan="2"></td>
        {% } %}
        <td  class="cancel">{% if (!i) { %}
            <button class="btn btn-warning">
                <i class="icon-ban-circle icon-white"></i>
                <span>Annuler</span>
            </button>
        {% } %}</td>
    </tr>
{% } %}
</script>

<!-- template affichant les fichiers disponibles pour le téléchargement -->
<script id="template-download2" type="text/x-tmpl">
<!-- démarrage d'une boucle for sur les fichier contenu dans files[] -->
{% for (var i=0, file; file=o.files[i]; i++) { %}
	<!-- application de la classe sur le tr -->
    <tr class="template-download fade">
			<!-- si il y'a a des erreur alors on les affiches -->
        {% if (file.error) { %}
			<!-- affichage des erreurs en html -->
            <td></td>

            <td class="name"><span>{%=file.name%}</span></td>
            <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
            <td class="error" colspan="2"><span class="label label-important">Error</span> {%=file.error%}</td>
			<!-- sinon on charge le preview -->
        {% } else { %}
            <td class="preview">{% if (file.thumbnail_url) { %}
                <a href="{%=file.url%}" title="{%=file.name%}" rel="gallery" download="{%=file.name%}"><img src="{%=file.thumbnail_url%}"></a>
            {% } %}</td>
            <td class="name">
                <a href="{%=file.url%}" title="{%=file.name%}" rel="{%=file.thumbnail_url&&'gallery'%}" download="{%=file.name%}">{%=file.name%}</a>
            </td>
            <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
            <td colspan="2"></td>
        {% } %}
		<!-- sinon on charge forcément le delete -->
        <td class="delete">
            <button class="btn btn-danger" data-type="{%=file.delete_type%}" data-url="{%=file.delete_url%}"{% if (file.delete_with_credentials) { %} data-xhr-fields='{"withCredentials":true}'{% } %}>
                <i class="icon-trash icon-white"></i>
                <span>Effacer le fichier</span>
            </button>
          
        </td>
    </tr>
{% } %}
	
</script>


<!-- The template to display files available for upload -->
<script id="template-upload3" type="text/x-tmpl">
{% for (var i=0, file; file=o.files[i]; i++) { %}
    <tr class="template-upload fade">
        <td class="preview"><span class="fade"></span></td>
        <td class="name"><span>{%=file.name%}</span></td>
		
        <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
        {% if (file.error) { %}
            <td class="error" colspan="2"><span class="label label-important">Error</span> {%=file.error%}</td>
        {% } else if (o.files.valid && !i) { %}
            <td>
                <div class="progress progress-success progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><div class="bar" style="width:0%;"></div></div>
            </td>
           
        {% } else { %}
            <td colspan="2"></td>
        {% } %}
        <td  class="cancel">{% if (!i) { %}
            <button class="btn btn-warning">
                <i class="icon-ban-circle icon-white"></i>
                <span>Annuler</span>
            </button>
        {% } %}</td>
    </tr>
{% } %}
</script>

<!-- template affichant les fichiers disponibles pour le téléchargement -->
<script id="template-download3" type="text/x-tmpl">
<!-- démarrage d'une boucle for sur les fichier contenu dans files[] -->
{% for (var i=0, file; file=o.files[i]; i++) { %}
	<!-- application de la classe sur le tr -->
    <tr class="template-download fade">
			<!-- si il y'a a des erreur alors on les affiches -->
        {% if (file.error) { %}
			<!-- affichage des erreurs en html -->
            <td></td>

            <td class="name"><span>{%=file.name%}</span></td>
            <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
            <td class="error" colspan="2"><span class="label label-important">Error</span> {%=file.error%}</td>
			<!-- sinon on charge le preview -->
        {% } else { %}
            <td class="preview">{% if (file.thumbnail_url) { %}
                <a href="{%=file.url%}" title="{%=file.name%}" rel="gallery" download="{%=file.name%}"><img src="{%=file.thumbnail_url%}"></a>
            {% } %}</td>
            <td class="name">
                <a href="{%=file.url%}" title="{%=file.name%}" rel="{%=file.thumbnail_url&&'gallery'%}" download="{%=file.name%}">{%=file.name%}</a>
            </td>
            <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
            <td colspan="2"></td>
        {% } %}
		<!-- sinon on charge forcément le delete -->
        <td class="delete">
            <button class="btn btn-danger" data-type="{%=file.delete_type%}" data-url="{%=file.delete_url%}"{% if (file.delete_with_credentials) { %} data-xhr-fields='{"withCredentials":true}'{% } %}>
                <i class="icon-trash icon-white"></i>
                <span>Effacer le fichier</span>
            </button>
          
        </td>
    </tr>
{% } %}
	
</script>
		

